/* CSS Document */
html,body,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,label,span,p,form{margin:0;padding:0;font-family:"microsoft yahei","微软雅黑";font-size:14px;}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clear{zoom:1}
a{text-decoration:none;}
.line{width:5px;background:url(/images/line01.png);}

#site_top h1{text-indent:-10000px;}
#site_menu{width:1200px;height:48px;margin:auto;padding-left:2px;}
#site_menu a{width:171px;height:48px;float:left;text-decoration: none;text-align: center;line-height:48px;font-size:14px;color:#333;}
#site_menu a.current,#site_menu a:hover{background:#ffc527;}
#float_menu{width:100%;height:48px;background:#fff;z-index:2000;top:0px;}

#banner{clear:both;}
#banner dl{width:800px;height:100px;margin:auto;text-align:center;color:white;padding-top:140px;font-family:"microsoft yahei","微软雅黑";}
#banner dt{font-size: 55px;letter-spacing: 10px;line-height: 67.2px;}
#banner dd{font-size: 22px;letter-spacing: 3px;text-transform: uppercase;margin-top:10px;}

#page_container{width:1200px;margin:auto;padding-top:56px;overflow:visible;position:relative;z-index:998;}
.page_title_en{font-size:15px;letter-spacing: 1px;color:rgb(90, 90, 90);text-align:center;}
.page_title_cn{font-size:35px;font-weight:bold;text-align:center;letter-spacing: 6px;line-height: 50px;}
.page_desc{text-align:center;font-size:15px;color:rgb(153, 153, 153);margin-top:20px;}

.list_class{width:100%;height:50px;/*border-top:1px dotted #999;*/ border-bottom:1px dotted #999;line-height:50px;margin-top:40px;}
.list_class table{height:50px;margin:auto;border-left:1px dotted #999;}
.list_class td{width:150px;height:50px;float:left;list-style-type: none;border-right:1px dotted #999;text-align:center;}
.list_class a{font-size:14px;color:#5a5a5a;}
.list_class a:hover{color:#ffc527;}
.list_class a.current{color:#ffc527;}

/*关于我们*/
.company_intro{font-size:16px;line-height:180%;padding-top:40px;padding-bottom:40px;color:rgb(102, 102, 102);}
.photo_item{width:1300px;padding-top:30px;padding-bottom:20px;}
.photo_item div{width:386px;height:288px;float: left;margin-right:20px;margin-bottom:20px;}
.photo_item a{display:block;width:386px;height:288px;border:0px solid #ffc527;}

/*工程案例*/
.anli_list{width:1300px;margin-bottom:30px;margin-top:30px;overflow-x:hidden;padding-top:15px;}
.anli_list a{display:block;width:1200px;height:350px;padding:1px;margin-bottom:45px;  background-color: #f7f7f7;-webkit-transition: All 0.2s ease-in-out;transition: All 0.2s ease-in-out;position:relative;}
.anli_list dl{width:244px;position:absolute;right:80px;top:80px;}
.anli_list dt{width:244px;height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;font-size:16px;color:#ffc527;}
.anli_list dd{width:244px;font-size:14px;line-height:24px;height:70px;overflow:hidden;color:#999;margin:10px 0;}
.anli_list span{width:124px;height:40px;line-height:40px;margin-top: 40px;display: inline-block;position: relative;background: #e6e6e6;-webkit-transition-duration:.3s;transition-duration:.3s;color: #999;text-align:center;position:absolute;top:180px;right:200px;}
.anli_list a:hover{background-color:#ffc527;}
.anli_list a:hover dt{color:#fff;}
.anli_list a:hover dd{color:#5a5a5a;}
.anli_list a:hover span{background:#fff;color:#ffc527;}
.yuyue{background:#f8f8f8;text-align:right;}

#anli_title{padding-top:10px;text-align:center;font-size:26px;color:#ffc527;font-weight: normal;}
#anli_intro{margin:auto;margin-top:20px;margin-bottom:20px;line-height:180%;width:98%; padding:10px;background:#F5F5F5;border:1px solid #E5E5E5;color:#868686;}

.xgnews {margin-top: 50px;padding-bottom: 50px;background-color: #f5f5f5;margin-bottom: -100px;}
.xgnews .title {text-align: center;font-size: 34px;color: #222;position: relative;padding: 50px 0;}
.xgnews .title:after {content: "";position: absolute;left: 50%;margin-left: -25px;bottom: 25px;width: 40px;height: 2px;background-color: #ff5f2f;}
.xgnews div.container{width:1200px;margin:auto;}
.xgnews .list {background-color: #fff;padding-bottom: 20px;margin-bottom: 15px;overflow: hidden;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.xgnews .list:hover .col-md-3 p {background-color: #ffc527;color: #fff;}
.xgnews .list:hover .col-md-3 p:after {border-color: #ffc527;}
.xgnews .list:hover .col-md-3 p span {color: #fff;}
.xgnews .col-md-3 {text-align: center;padding-top: 40px;width:25%;float: left;position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}
.xgnews .col-md-3 p {position: relative;display:block;background-color: #f5f5f5;width:110px;height:110px;border-radius:55px;color: #808080;font-family: arial;font-size: 62px;-webkit-transition: All 0.2s ease-in-out;transition: All 0.2s ease-in-out;margin:auto;}
.xgnews .col-md-3 p span {width:100%;display:block;position:absolute;bottom:18px;color: #bebebe;text-align: center;font-size: 22px;color: #bebebe;}
.xgnews .col-md-3 p:after {content: "";position: absolute;top: 45px;right: -3px;width: 0;height: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);border-left: 10px solid transparent;border-bottom: 10px solid #fff;}
.xgnews .col-md-9 {width: 75%;padding-left: 40px;float:left;}
.xgnews .col-md-9 h2 {margin-top: 50px;font-weight: normal;font-size: 24px;height: 24px;line-height: 24px;margin-bottom: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xgnews .col-md-9 p {color: #808080;line-height: 24px;height: 48px;margin-bottom: 10px;overflow: hidden;}
.xgnews .col-md-9 a {color: #333;line-height: 23px;}
.xgnews .col-md-9 a:hover {color: #ffc527;}
.xgnews .col-md-9 a em {background:url(../images/icon_eye1.jpg) no-repeat left center;padding-left:20px;vertical-align: top;font-style: normal;}
.xgnews .col-md-9 a:hover em {background:url(../images/icon_eye2.jpg) no-repeat left center;}


/*公司团队*/
#news_title{padding-top:10px;padding-bottom:12px;text-align:center;font-size:24px;color:#ffc527;border-bottom:1px solid #f5f5f5;font-family: microsoft yahei;font-weight: 500;}

/*在线服务*/
.fuwu{width:100%;height:700px;position:relative;margin-top:45px;}
.fuwu .right_form{width:510px;height:600px;position:absolute;top:0px;right:0px;}
.fuwu .right_form dt{line-height:38px;color:#5a5a5a;}
.fuwu .right_form input{width:100%;height:38px;border:1px solid #999999;text-indent:5px;}
.fuwu .right_form textarea{width:100%;height:80px;border:1px solid #999999;}
.fuwu .right_form a.submit{display:block;width:100%;height:48px;line-height:48px;background:#2f2f2f;color:white;margin-top:15px;text-align:center;font-size:14px;}
.fuwu a.submit:hover{background:#ffc527;}

.pages{text-align:center;padding-top:30px;padding-bottom:20px;}
.pages a{width: 60px; height: 30px; margin: 0 5px; line-height: 30px; vertical-align: top; display: inline-block;background-color: #eee;text-align:center;color:#666666;}
.pages a:hover,
.pages a.current{background-color:#ffc527;color:#fff;}

.asider_title {text-align: center;margin-top: 60px;font-family: "微软雅黑";}
.asider_title p {font-size: 34px;color: #222;text-transform: uppercase;line-height: 38px;}
.asider_title h1 {font-weight: normal;line-height: 50px;padding-bottom: 5px;display: inline-block;border-bottom: solid 1px #e6e6e6;font-size:1.5rem;}

.news_page {margin-top: 50px; padding: 20px 0;overflow: hidden;border-top: solid 1px #eee;border-bottom: solid 1px #eee;color:#666666;}
.news_page li{width:50%;float:left;list-style-type:none;}
.news_page a{color:#666666;}
.news_page a:hover{color:#ffc527;}

/*页面底部*/
#site_footer{width:100%;height:200px;background:rgb(217,217,217);clear:both;margin-top:100px;}
#site_footer div.footer_content{width:1200px;margin:auto;position:relative;}
#site_footer div.footer_left{position:absolute;top:26px;}
#site_footer div.footer_left a{display:block;width:252px;height:36px;line-height:36px; border:2px solid #999; border-radius:10px;text-align:center;color:white;margin-top:15px;}
#site_footer div.footer_news{position:absolute;top:32px;left:300px;width:440px;height:140px;border-left:1px solid #404040;border-right:1px solid #404040;}
.footer_news dl{width:370px;margin:auto;line-height:28px;color:#949494;clear:both;}
.footer_news dt{float:left;width:100px;}
.footer_news dt a{color:#cc9c18;font-size:12px;}
.footer_news dt a:hover{color:#ff0000;}
.footer_news dd a{color:#949494;font-size:12px;}
.footer_news dd a:hover{color:#ffc527;}
.footer_news dd.title{float:left;width:200px;height:28px;overflow:hidden;}
.footer_news dd.date{float:right;width:70px;text-align: right;font-size:12px;}

.footer_right{position:absolute;right:0px;top:35px;width:420px;font-size:12px;color:#5a5a5a;line-height:24px;}
#site_copyright{width:100%;height:50px;line-height:50px; background:rgb(217,217,217);font-size:12px;text-align: center;color:#5a5a5a;}

.gototop_backToTop{width: 40px;height: 40px;text-indent: -999em;z-index: 20000;background-image: url(/images/top.png);background-repeat: no-repeat;background-position: 0 0;display: inline; position: fixed; bottom: 30px; right: 38px;}

/*------------------------------------*/
.pull-left {float: left!important;}
.pull-right {float: right!important;}
.form-control {
	display: block;
	width: 88%;
	height: 26px;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 26px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.fixed-offer-btn {position: fixed;left: 0;bottom: 0;width: 36px;height:115px;color: #fff;background: rgba(195, 66, 4, 0.75);z-index: 1000000;cursor: pointer;display: none;}
.fixed-offer-btn p{padding:8px;font-size:18px;}
.fixed-offer-form {height: 90px;width: 100%;position: fixed;background: rgba(86, 82, 80, 0.75);bottom: 0;left: 0;z-index: 20000;display: none;}
.fixed-offer-form .offer-con {width: 1200px;margin: 0 auto;}
.fixed-offer-form .offer-con .offer-l img {display: inline-block;margin: 10px 7px 0 0;}
.fixed-offer-form .offer-con .offer-r {width: 800px;margin-top: 6px;overflow: hidden;}
.fixed-offer-form .offer-con .offer-r .form {float: left;width: 500px;}
.fixed-offer-form .offer-con .offer-r .form h4 {font-size: 12px;color: #fff;line-height: 30px;height: 40px;}
.fixed-offer-form .offer-con .offer-r .form form {overflow: hidden;}
.fixed-offer-form .offer-con .offer-r .form form .form-l {float: left;width: 400px;}
.fixed-offer-form .offer-con .offer-r .form form .form-l .form-group {width: 50%;float: left;margin-bottom:9px;}
.fixed-offer-form .offer-con .offer-r .form form .form-l .form-group .form-control {border: none;border-radius: initial;}
.fixed-offer-form .offer-con .offer-r .form form .form-r {float: left;}
.fixed-offer-form .offer-con .offer-r .form form .form-r .btn {width: 80px;height: 78px;border: none;border-radius: initial;color: #0c61a6;background: #ffd305;font-size: 18px;white-space: normal;padding: 6px 15px;}
.fixed-offer-form .offer-con .offer-r .phone-num {float: left;margin-top: 2px;margin-left: 25px;}
.fixed-offer-form .offer-con .offer-r .phone-num h4 {color: #fff;font-weight: bold;}
.fixed-offer-form .offer-con .offer-r .phone-num h4.num {font-size: 33px;}
.fixed-offer-form .close-offerForm {position: absolute;right: 10px;top: 10px;color: #fff;text-shadow: 0 1px 0 #ccc;font-size: 21px;font-weight: 700;line-height: 1;cursor: pointer;}


.floating_ck{position:fixed;right:10px;top:120px;z-index:99999999;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#666;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#d70010;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:50px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#d70010;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../images/erweima_145px.jpg?v=20230404);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:14px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:16px;}

/*------------------------------------*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform:translate3d(0, -100%, 0);
		transform:translate3d(0, -100%, 0);
		visibility:visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform:translate3d(0, -100%, 0);
		transform:translate3d(0, -100%, 0);
		visibility:visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform:translate3d(-100%, 0, 0);
		transform:translate3d(-100%, 0, 0);
		visibility:visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform:translate3d(-100%, 0, 0);
		transform:translate3d(-100%, 0, 0);
		visibility:visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform:translate3d(100%, 0, 0);
		transform:translate3d(100%, 0, 0);
		visibility:visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform:translate3d(100%, 0, 0);
		transform:translate3d(100%, 0, 0);
		visibility:visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
		visibility:visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
		visibility:visible
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes slideOutDown {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@keyframes slideOutLeft {
0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes slideOutRight {
	0% {
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
	}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
		}
	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}